@import './base.css';

#app {
  font-weight: normal;
}

[type='text']:focus,
input:focus {
  outline: none !important;
  --tw-ring-color: transparent !important;
  border-color: transparent !important;
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

@media (min-width: 4096px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 2rem;
  }
}

.no-scrollbar {
  /* 隐藏滚动条（适用于 WebKit 浏览器，如 Chrome 和 Safari） */
  &::-webkit-scrollbar {
    display: none;
  }

  /* 隐藏滚动条（适用于 Firefox） */
  scrollbar-width: none;
}

/* 针对 IE 和 Edge 的滚动条隐藏 */
.no-scrollbar {
  -ms-overflow-style: none; /* IE 和 Edge */
}

.row-text {
  writing-mode: horizontal-tb !important;
}

.job-divider {
  position: relative;
}

.job-divider > span {
  font-weight: bold;
}

em {
  display: inline-block;
  width: 4px;
  height: 16px;
  vertical-align: -3px;
  background-color: var(--color-primary-hex);
  margin-right: 8px;
}

.shadow-box {
  box-shadow:
    5px 5px 15px rgba(0, 0, 0, 0.3),
    -5px -5px 15px rgba(255, 255, 255, 0.5);
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-fill {
  object-fit: fill;
}

.object-scale-down {
  object-fit: scale-down;
}

.ordersquare-main-bg {
  background-image: url(@/assets/image/communication2.jpg);
  background-size: cover;
  background-position: center;
}
